<!---->
<template>
<div class='page'>
    <el-pagination
    background
    layout="prev, pager, next"
    :total="1000"
    @current-change="handPage">
    </el-pagination>
</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import<组件名字> from '<组件路径>';

export default {
//import引入的组件需要注入对象中才能用
components:{},
data() {
return {

};
},
//监听属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {
handPage(value){
    console.log('分页',value)
}
},
//生命周期 - 创建完成（可以访问当前this实例）
created() {

},
//生命周期-挂载完成（可以访问DOM元素）
mounted() {

},
beforeCreate() {},//生命周期-创建之前
beforeMount() {},//生命周期-挂载之前
beforeUpdate() {},//生命周期-更新之前
updated() {},//生命周期-更新之后
beforeDestroy() {},//生命周期-销毁之前
destroyed() {},//生命周期-销毁完成
activated() {},//如果页面有keep-alive缓存功能，这个会输会触发
}
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.page{
    margin-top:20px;
    text-align: center;
}
</style>